<title>用户管理</title>
<!-- /section:settings.box -->
<div class="row admin_list">
	<div class="col-xs-12">
		<div class="ad_so">
			<input type="text" id="name" class="input-large" placeholder="用户名">
			<button type="button" class="btn btn-info serach">
				<i class="glyphicon glyphicon-search"> </i> 搜索
			</button>
		</div>
		<div class="tabbable tabbable2">
			<ul class="nav nav-tabs padding-12 tab-color-blue background-blue">
				<li class="active"><a href="javascript:;"> 全部（20） </a></li>
			</ul>
		</div>
		<div class="row">
			<div class="col-xs-12">
				<div>
					<table class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th>ID</th>
								<th>用户名</th>
								<th>姓名</th>
								<th>部门</th>
								<th>职位</th>
								<th>联系电话</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody class="data" style="display: table-row-group;">
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="pull-left">
			<button type="button" class="btn btn-info add" data-identity="add"
				title="新增">
				<i class="ace-icon glyphicon glyphicon-plus"> </i>新增
			</button>
		</div>
		<!--分页-->
		<nav class="pull-right">
			<ul class="pagination">
				<li><a class="first" href="javascript:void(1);"
					aria-label="Previous"> 首页 </a></li>
				<li><a class="prev" href="javascript:void(1);"> <i
						class="ace-icon fa fa-angle-double-left"> </i>上一页
				</a></li>
				<li><a class="next" href="javascript:void(1);"> 下一页 <i
						class="ace-icon fa fa-angle-double-right"> </i>
				</a></li>
				<li><a class="last" href="javascript:void(1);" aria-label="Next"> 尾页
				</a></li>
				<li><a class="go_page" href="javascript:void(1);"> 跳转到 </a></li>
				<li><input type="text" style="width: 30px" class="go_num" value="1">
				</li>
				<li>页</li>
			</ul>
		</nav>
		<!-- TemplteHidden -->
		<table class="list-tpl hidden">
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td>
					<button type="button" class="btn btn-mini btn-success detail"
						data-identity="detail" title="查看详情">
						<i class="ace-icon glyphicon glyphicon-eye-open"> 详情</i>
					</button>
					<button type="button" class="btn btn-mini btn-purple role"
						title="设置权限">
						<i class="ace-icon glyphicon glyphicon-wrench"> 权限</i>
					</button>
					<button type="button" class="btn btn-mini btn-info edit"
						data-identity="edit" title="编辑">
						<i class="ace-icon glyphicon glyphicon-edit"> 修改</i>
					</button>
					<button type="button" class="btn btn-mini btn-danger delete"
						data-identity="del" title="删除">
						<i class="ace-icon glyphicon glyphicon-trash"> 删除</i>
					</button>
				</td>
			</tr>
		</table>
		<!-- TemplteHidden -->
	</div>
</div>
<script type="text/javascript">var scripts = [null, null];
$('.page-content-area').ace_ajax('loadScripts', scripts, function() {
	var $scope = $('.admin_list');
	/*分页代码*/
	function pageInit(page) {
		$('.data', $scope).empty();
		$.getJSON(page.url, {
				page: page.pi
			},
			function(ret) {
				if (ret.status > 0) {
					var $data = $('.data', $scope);
					$data.hide();
					$data.empty();
					var data = ret.data;
					pageObj.set_page_count_without_action(ret.page_count); //meta['page_count']
					for (var i in data) {
						var v = data[i];
						var id = v['id'];
						var $item = $('.list-tpl tr', $scope).clone();
						$('td:eq(0)', $item).attr('data-identity', 'id-' + id).text(id);
						$('td:eq(1)', $item).text(v['account']);
						$('td:eq(2)', $item).text(v['name']);
						$('td:eq(3)', $item).text(v['depart']);
						$('td:eq(4)', $item).text(v['position']);
						$('td:eq(5)', $item).text(v['phone']);
						$('td:eq(6) .detail', $item).attr('data-identity','detail-'+ id);
						$('td:eq(6) .edit', $item).attr('data-identity', 'edit-' + id);
						$('td:eq(6) .role', $item).attr('data-identity', 'role-' + id);
						$('td:eq(6) .delete', $item).attr('data-identity', 'delete-' + id);
						$data.append($item);
					}
					$data.show();
				} else {
					pageObj.set_page_count_without_action(1)
						//message_box.show(ret.data,'error');
				}
			});
	}
	pageObj = new pagination({
		'url': '/sys/ajax_admin_list',
		'page_count': 9,
		'show_callback': function(page) {
			pageInit(page);
		}
	});
	$('.first', $scope).click(function() {
		pageObj.first_page();
		$('.go_num', $scope).val('1');
	});
	$('.prev', $scope).click(function() {
		pageObj.prev_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	$('.next', $scope).click(function() {
		pageObj.next_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	$('.last', $scope).click(function() {
		pageObj.last_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	//跳转输入框
	$('.go_num', $scope).change(function() {
			var num = $(this).val();
			if (num > pageObj.get_page_count()) {
				$(this).val(pageObj.get_page_count());
			} else if (num < 1) {
				$(this).val(1);
			}
		})
		//跳转至指定页面
	$('.go_page', $scope).click(function() {
		var num = $('.go_num', $scope).val();
		pageObj.go_page(num);
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	$scope.delegate('[data-identity="add"]', 'click', function() {
		var url = '/sys/admin_editor';
		gDialog.fCreate({
			title: '用户信息-增加',
			url: url,
			width: 600
		}).show();
	}).delegate('[data-identity^="detail"]', 'click', function() {
		var id = $(this).attr('data-identity').split('-')[1];
		var url = '/sys/adminDetail?id=' + id;
		gDialog.fCreate({
			title: '用户信息-详情',
			url: url,
			width: 600
		}).show();
	}).delegate('[data-identity^="edit"]', 'click', function() {
		var id = $(this).attr('data-identity').split('-')[1];
		var url = '/sys/admin_editor?id=' + id;
		gDialog.fCreate({
			title: '用户信息-编辑',
			url: url,
			width: 600
		}).show();
	}).delegate('[data-identity^="role"]', 'click', function() {
		var id = $(this).attr('data-identity').split('-')[1];
		var url = '/sys/root?id=' + id;
		gDialog.fCreate({
			title: '用户信息-设置权限',
			url: url,
			width:600
		}).show();
	}).delegate('[data-identity^="delete-"]','click',function(){				
		var id=$(this).attr('data-identity').split('-')[1];
		var	url='/sys/ajax_admin_delete';
		gDialog.fConfirm('删除管理员','你确定执行这个操作么？',function(ret){
			if(ret){
				$.post(url,{id:id},function(ret){
					if(ret.status>0) {
						message_box.show('删除成功','success');
						pageObj.cur_page();
					} else {
						message_box.show(ret.data,'error');
					}
				},'json');
			}
		});
	})
})</script>
